<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
   箭头函数的结构：
     const/let  函数名 = 参数 = >函数体

     如何将一般函数改写成箭头函数
     声明形式
     function add(){}

      声明形式 函数表达形式
      const add=function(){};

    函数表达式的形式——箭头函数的形式
        const add=()=>{}
     -->
</head>

<body>
    <script>
        //箭头函数的注意事项：单个参数 单行函数体 单行对象

        //单个参数
        //单个参数可以省略圆括号
        //  const add = x => {
        //      return x + 1;
        //  }
        //  console.log(add(1)); //2

        //无参数或者多个参数不能省略圆括号
        // const add = () => {
        //     return 1 + 1;
        // }
        // console.log(add()); //2


        //单行函数体:可以同时省略{}和return
        //   const add = (x, y) => x + y;
        //   console.log(add(1, 1)); //2

        //多行函数体不能再化简
        // const add = (x, y) => {
        //     const sum = x + y;
        //     return sum;
        // }


        //如果箭头函数返回单行对象 可以在{}外面加上() 让浏览器不再认为那是函数体的花括号
        const add = (x, y) => ({
            value: x + y
        })
        console.log(add(1, 1))
    </script>
</body>

</html>